@charset "utf-8";
* {
	margin:0;
	paddin:0;
}

body {
	margin:auto;
	font-family: 宋体;
	width:400px;
}

div#chat {
	margin:auto;
	parddin:20px;
	font-family: 宋体;
	width:400px;
}

div#chat div.chater {
	width:400px;
	height:30px;
	line-height:30px;
	background-color:#BBBBBB;
	margin-bottom:3px;
}

div#chat div.chater span.here {
	float:left;
	font-weight:bold;
}

div#chat div.chater span.there {
	float:right;
	font-weight:bold;
}

div#chat div.me {
	clear:both;
	text-align:left;
}

div#chat div.you {
	clear:both;
	text-align:right;
}

div#chat div span.me {
	float:left;
	width:200px;
	border:1px solid #DDDDDD;
	padding:10px;
}

div#chat div span.you {
	float:right;
	width:200px;	
	border:1px solid #A5A5A5;
	background-color:#F5F5F5;
	color:#333333;
	padding:10px;
}

div#chat div p.time {
	clear:both;
	display:block;
	margin:10px 0 0 10px;
}